<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 vector-feature-night-mode-enabled skin-theme-clientpref-os vector-sticky-header-enabled" lang="fr" dir="ltr"><head>
<meta charset="UTF-8">
<title>Client-side scripting</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://fr.wikipedia.org/wiki/Client-side_scripting"> <link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Client-side_scripting rootpage-Client-side_scripting skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><i><span lang="en">Client-side scripting</span></i></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="fr" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="fr" dir="ltr"><p class="mw-empty-elt">
</p><p>Le <b><span class="lang-en" lang="en"><i>client side scripting</i></span></b> (script côté client) fait en général référence à des programmes dans un contexte web qui s'exécutent côté client <a href="Navigateur_web" title="Navigateur web">navigateur web</a>, par opposition aux scripts <i>server side</i> s'exécutant côté serveur <a href="Serveur_Web" class="mw-redirect" title="Serveur Web">serveur Web</a>.
</p>
<div class="mw-heading mw-heading2"><h2 id="Principe">Principe</h2></div>
<p>Les scripts sont avec les <a href="Applet" title="Applet">applets</a> les deux technologies permettant d'augmenter l'interactivité et le nombre de type de fichiers rendu sur le client (images dynamique animés, vidéo, audio). Même si les Applets et les Script côté clients possèdent des balises qui signalent au navigateur leur présence pour s'exécuter et sont stockés dans le cache du navigateur; le <a href="Code_source" title="Code source">code source</a> des scripts sont visualisables sous forme de texte alors que les applets ne le sont pas car compilé sous forme binaire (<a href="Bytecode" title="Bytecode">bytecode</a>, <a href="Microsoft_.NET" title="Microsoft .NET">MSIL</a>, <a href="Machine_virtuelle#.NET_vs._Java_et_Java_EE" title="Machine virtuelle">java/.NET</a>).Le langage utilisé par les premiers navigateurs supportant les scripts côté navigateur fut <a href="JavaScript" title="JavaScript">JavaScript</a> avec <a href="Netscape" class="mw-redirect" title="Netscape">Netscape</a>. Actuellement <a href="JavaScript" title="JavaScript">JavaScript</a> est le langage encore le plus utilisé car plus portable que <a href="VBScript" title="VBScript">VBScript</a> ou <a href="JScript" title="JScript">JScript</a>.
</p><p>Grâce à l'évolution et la standardisation de <a href="JavaScript" title="JavaScript">JavaScript</a>, de l'<a href="HTML" class="mw-redirect" title="HTML">HTML</a> et des <a href="Feuilles_de_style_en_cascade" title="Feuilles de style en cascade">CSS</a>, de nouvelles <a href="Interface_de_programmation" title="Interface de programmation">API</a> (<a href="Document_Object_Model" title="Document Object Model">DOM</a>) et <a href="Moteur_javascript" class="mw-redirect" title="Moteur javascript">moteurs Javascript</a> ont permis par script d'obtenir une interactivité très proche de celle obtenue avec les applets. Ces améliorations se retrouvent dans les termes <a href="HTML_dynamique" title="HTML dynamique">DHTML</a>, <a href="Asynchronous_JavaScript_and_XML" class="mw-redirect" title="Asynchronous JavaScript and XML">AJAX</a>, <a href="XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a>. Les scripts et les applets côté clients ont permis l'émergence des <a href="Rich_Internet_Application" class="mw-redirect" title="Rich Internet Application">RIA</a>.
</p><p>Le navigateur empêchant aux scripts (et Applet) l'accès aux données/Application externes aux navigateurs, il a été conçu des protocoles propriétaires permettant de lancer depuis l'intérieur d'un navigateur une application s'exécutant à l'extérieur du navigateur. Cette technologie à le nom de <i><a href="Rich_Desktop_Application" class="mw-redirect" title="Rich Desktop Application">Rich Desktop Application</a></i> (RDA). L'implémentation de ce concept a pour nom <a href="Component_Object_Model" title="Component Object Model">Active X</a> sous IE, JavaWebstart avec le Client compatible JNLP, *.xap pour une application .NET, AIR pour la technologie <a href="Adobe_Flash" title="Adobe Flash">Adobe Flash</a>.
</p><p>Toutes ces technologies basées sur javascript utilisent un rendu 2D de données 2D ou 3D. Dans le domaine du jeu le concept de rich Internet application est apparu avec le <a href="VRML" class="mw-redirect" title="VRML">VRML</a> mais n'a atteint sa maturité qu'avec la technologie utilisé par la société <a href="Unity_(moteur_de_jeu)" title="Unity (moteur de jeu)">Unity3d</a>. Unity3D propose pour la 3D ce que <a href="Adobe_Director" title="Adobe Director">Director</a> proposa pour la 2D en son temps ; un environnement de travail 3D et multimédia (animation, création de scène, animation d'objet, mapping, compilateur, physique, support de la vidéo, des images et du son). Aucune des technologies précitées (script applet) n'est utilisée.
</p>
<ul id="bandeau-portail" class="bandeau-portail"><li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><span class="noviewer" typeof="mw:File"></span></span> <span class="bandeau-portail-texte">Portail de l’informatique</span> </span></li> </ul></div><!--htdig_noindex--><div><div class="zim-footer">
Cet article est issu de <a class="external text" title="Dernière modification le 2024-02-01" href="https://fr.wikipedia.org/wiki/?title=Client-side_scripting&oldid=212042136">Wikipédia</a>. Sauf mention contraire, le texte est disponible sous <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">Creative Commons Attribution-Share Alike 4.0</a>. Des conditions supplémentaires peuvent s’appliquer aux fichiers multimédias.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>
</body></html>